<!DOCTYPE html>
<html>
  <head lang="en">
  @extends('front.common')

    <meta charset="utf-8" />
    <title>我的书城</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/mygrxx.css" />
  </head>
  <body>

  <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="/">首页</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <div class="navbar-form navbar-right">
   <form action="/search" method="post" style="display: inline-block;">
        <div class="form-group">
          <input type="text" class="form-control" id="searchid" name="searchvalue" placeholder="Search">
        </div>
        <input type="submit" class="btn btn-default" id="searchsky" value="搜索">
      </form>
      </div>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
@foreach($Personal as $value)
<div class="Bott">
      <div class="wrapper clearfix">
        <div class="zuo fl">
          <h3>
            <a href="#"><img style="width:50px;height:50px;border-radius: 50%;" src="storage/{{$value->img}}"/></a>
            <p class="clearfix" style="width:100%;text-align: center;">[{{$value->name}}]
            <!-- <span class="fr">[退出登录]</span> -->
            </p>
          </h3>
          <div>
            <h4>我的交易</h4>
            <ul>
              <li><a href="cart">我的购物车</a></li>
              <li><a href="myorder">我的订单</a></li>
              <li><a href="collection">我的收藏</a></li>
              <!-- <li><a href="myprod.html">评价晒单</a></li> -->
            </ul>
            <!-- <h4>个人中心</h4> -->
            <ul>
              <li><a href="personal">我的中心</a></li>
              <!-- <li><a href="address.html">地址管理</a></li> -->
            </ul>
            <!-- <h4>账户管理</h4> -->
            <ul>
              <!-- <li  class="on"><a href="mygrxx.html">个人信息</a></li> -->
              <!-- <li><a href="remima.html">修改密码</a></li> -->
            </ul>
          </div>
        </div>
        <div class="you fl">
          <h2>个人信息</h2>
          <div class="gxin">
            <div class="tx"><a href="#"><img style="width:80px;height:80px;border-radius: 50%;" src="storage/{{$value->img}}"/><p id="avatar">修改头像</p></a></div>
            <div class="xx">
              <h3 class="clearfix"><strong class="fl">基础资料</strong><a href="#" class="fr" id="edit1">编辑</a></h3>
              <div>姓名：{{$value->nick}}</div>
              <div>生日：0000-0000-0000</div>
              <div>性别：女</div>
              <h3>高级设置</h3>
              <!--<div><span class="fl">银行卡</span><a href="#" class="fr">管理</a></div>-->
              <div><span class="fl">账号地区：中国</span><a href="#" class="fr" id="edit2">修改</a></div>
            </div>
          </div>      
        </div>
      </div>
    </div>
    <!--遮罩-->
    <div class="mask"></div>
    <!--编辑弹框-->
    <div class="bj">
      <div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
      <h3>编辑基础资料</h3>
      <form action="#" method="get">
        <p><label>姓名：</label><input type="text"  value="" /></p>
        <p><label>生日：</label><input type="text"   /></p>
        <p>
          <label>性别：</label>
          <span><input type="radio"  />男</span>
          <span><input type="radio"   />女</span>
        </p>
        <div class="bc">
          <input type="button" value="保存"  />
          <input type="button" value="取消" />
        </div>
      </form>
    </div>
    <!--高级设置修改-->
    <div class="xg">
      <div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
      <h3>切换账号地区</h3>
      <form action="#" method="get">
        <p><label>姓名：</label><input type="text"  value="" /></p>
        <div class="bc">
          <input type="button" value="保存" />
          <input type="button" value="取消" />
        </div>
      </form>
    </div>
    <!--修改头像-->
    <div class="avatar">
      <div class="clearfix"><a href="#" class="fr gb"><img src="img/icon4.png"/></a></div>
      <h3>修改头像</h3>
      <form action="#" method="get">
        <h4>请上传图片</h4>
        <input type="button" value="上传头像" />
        <p>jpg或png，大小不超过2M</p>
        <input type="submit" value="提交" />
      </form>
    </div>

@endforeach
    <!--footer-->
    <div class="footer">
      <div class="top">
        <div class="wrapper">
          <div class="clearfix">
            <a href="#2" class="fl"><img src="img/foot1.png"/></a>
            <span class="fl">7天无理由退货</span>
          </div>
          <div class="clearfix">
            <a href="#2" class="fl"><img src="img/foot2.png"/></a>
            <span class="fl">15天免费换货</span>
          </div>
          <div class="clearfix">
            <a href="#2" class="fl"><img src="img/foot3.png"/></a>
            <span class="fl">满599包邮</span>
          </div>
          <div class="clearfix">
            <a href="#2" class="fl"><img src="img/foot4.png"/></a>
            <span class="fl">手机特色服务</span>
          </div>
        </div>
      </div>
      <p class="dibu">我的书城&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
      违法和不良信息举报电话：110</p>
    </div>
    <script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/user.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>
